<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link href="css/reset.css" rel="stylesheet">
    <link href="css/page2.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">"
    <title>随身学</title>
</head>
<body>
<!-- 总容器 -->
<div class="wrapper">
    <!-- 头部 -->
    <header>
        <div class="header-left">
            <i class="fa fa-search"></i>
            <p>搜索</p>
        </div>
        <div class="header-text">
            <p>
                高等教育 <i class="fa fa-angle-down"></i>
            </p>

        </div>
        <div class="header-right">
            <div class="header-right-1">
                <img src="img/客服.png">
                <p>客服</p>
            </div>
            <div class="header-right-2">
                <img src="img/sweep-yard.png">
                <p>扫一扫</p>
            </div>
        </div>
    </header>
    <!-- 导航条 -->
    <ul class="navigation">
        <li>
            <img src="img/page2-img1.jpg">
            <h3>英语</h3>
        </li>
        <li>
            <img src="img/page2-img2.jpg">
            <h3>韩语</h3>
        </li>
        <li>
            <img src="img/page2-img3.jpg">
            <h3>法语</h3>
        </li>
        <li>
            <img src="img/page2-img4.jpg">
            <h3>西语</h3>
        </li>
        <li>
            <img src="img/page2-img5.jpg">
            <h3>日语</h3>
        </li>

        <li>
            <img src="img/page2-img6.jpg">
            <h3>意语</h3>
        </li>
        <li>
            <img src="img/page2-img7.jpg">
            <h3>俄语</h3>
        </li>
        <li>
            <img src="img/page2-img8.jpg">
            <h3>德语</h3>
        </li>

    </ul>
    <div class="navigation-bottom">
        <div class="navigation-bottom-left"></div>
        <div class="navigation-bottom-right"></div>
    </div>

    <!-- 推荐课程内容 -->
    <ul class="recommend">
        <li>
            <div class="recommend-info-top">
                <h4>我的课程</h4>
                <div class="recommend-info-top-right">
                    <p>more&nbsp;</p>
                    <p>&gt;</p>
                </div>
            </div>
            <ul class="recommend-info">
                <li>
                    <img src="img/page2-img10.jpg">
                    <p>新标准（第二版）综合 （综合智慧版）1
                    </p>
                </li>
            </ul>
        </li>
        <li>
            <div class="recommend-info-top">
                <h4>英语</h4>
                <div class="recommend-info-top-right">
                    <p>more&nbsp;</p>
                    <p>&gt;</p>
                </div>
            </div>
            <ul class="recommend-info">
                <li>
                    <img src="img/page2-img12.jpg">
                    <p>新视野大学英语（第四版）
                    </p>
                </li>
                <li>
                    <img src="img/page2-img11.jpg">
                    <p>新标准大学英语（第三版）
                    </p>
                </li>
                <li>
                    <img src="img/page2-img13.jpg">
                    <p>中国文化概况
                    </p>
                </li>
                <li>
                    <img src="img/page2-img14.jpg">
                    <p>E英语教程（第二版）
                    </p>
                </li>
            </ul>
        </li>
        <li>
            <div class="recommend-info-top">
                <h4>韩语</h4>
                <div class="recommend-info-top-right">
                    <p>more&nbsp;</p>
                    <p>&gt;</p>
                </div>
            </div>
            <ul class="recommend-info">
                <li>
                    <img src="img/page2-img12.jpg">
                    <p>新视野大学英语（第四版）
                    </p>
                </li>
                <li>
                    <img src="img/page2-img11.jpg">
                    <p>新标准大学英语（第三版）
                    </p>
                </li>
                <li>
                    <img src="img/page2-img13.jpg">
                    <p>中国文化概况
                    </p>
                </li>
                <li>
                    <img src="img/page2-img14.jpg">
                    <p>E英语教程（第二版）
                    </p>
                </li>
            </ul>
        </li>
        <li>
            <div class="recommend-info-top">
                <h4>法语</h4>
                <div class="recommend-info-top-right">
                    <p>more&nbsp;</p>
                    <p>&gt;</p>
                </div>
            </div>
            <ul class="recommend-info">
                <li>
                    <img src="img/page2-img12.jpg">
                    <p>新视野大学英语（第四版）
                    </p>
                </li>
                <li>
                    <img src="img/page2-img11.jpg">
                    <p>新标准大学英语（第三版）
                    </p>
                </li>
                <li>
                    <img src="img/page2-img13.jpg">
                    <p>中国文化概况
                    </p>
                </li>
                <li>
                    <img src="img/page2-img14.jpg">
                    <p>E英语教程（第二版）
                    </p>
                </li>
            </ul>
        </li>
        <li>
            <div class="recommend-info-top">
                <h4>西班牙语</h4>
                <div class="recommend-info-top-right">
                    <p>more&nbsp;</p>
                    <p>&gt;</p>
                </div>
            </div>
            <ul class="recommend-info">
                <li>
                    <img src="img/page2-img12.jpg">
                    <p>新视野大学英语（第四版）
                    </p>
                </li>
                <li>
                    <img src="img/page2-img11.jpg">
                    <p>新标准大学英语（第三版）
                    </p>
                </li>
                <li>
                    <img src="img/page2-img13.jpg">
                    <p>中国文化概况
                    </p>
                </li>
                <li>
                    <img src="img/page2-img14.jpg">
                    <p>E英语教程（第二版）
                    </p>
                </li>
            </ul>
        </li>
    </ul>
    <!-- 底部 -->
    <ul class="footer">
        <li onclick="location.href='page1.html'">
            <img src="img/书籍.png">
            <p >U校园</p>
        </li>
        <li onclick="location.href='page2.html'">
            <img src="img/书籍-打开_book-open.png">
            <p style="color: #4DB1E2">随身学</p>
        </li>
        <li onclick="location.href='page3.html'">
            <img src="img/发现%20(4).png">
            <p>发现</p>
        </li>
        <li onclick="location.href='page4.html'">
            <img src="img/我的1.jpg">
            <p>我的</p>
        </li>
    </ul>
</div>
</body>
</html>